<!DOCTYPE html>
<html>
  <head>
    <title>Bootstrap 101 Template</title>
	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/blueimp-gallery.min.css"><!--http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css---->
	<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
	<style>
	 .header h1{
		background-image:url(http://www.google.com.hk/images/srpr/logo4w.png);
		width:280px;
		height:30px;
	 }
	 .navbar-pink{
		background-color: #101010;
		border: 0;
		border-radius: 0;
		color:#fff;
		-webkit-box-shadow: rgba(114, 110, 110, 0.5) 1px 5px 5px;
		-moz-box-shadow: rgba(114, 110, 110, 0.5) 1px 5px 5px;
		box-shadow: rgba(114, 110, 110, 0.5) 1px 5px 5px;
		margin-bottom: 0px;
	 }
	 .navbar-nav li a{
	   color:#fff;
	   font-size:18px;
	 }
	 .navbar-nav li a:hover{
		background-color: #a30052;
	 }
	 #footer {
		background-color: #B30558;
		color: #a5d8c7;
		text-shadow: 0 1px 0 rgba(0,0,0,0.15);
		margin-bottom:0px;
	 }
	 #footer-inner {
		max-width: 940px;
		margin: 0 auto;
		padding-bottom: 20px;
		overflow: hidden;
		position: relative;
	 }
	
	.nav-foot p.footer-links {
	  margin-bottom: 15px;
	}
	.frendlinks ul {
		list-style: none;
		overflow: hidden;
		margin: 0;
		background: rgba(37, 20, 20, 0.35);
		text-align: justify;
	}
	.frendlinks ul li {
		float: left;
		margin-right: 10px;
		height: 25px;
		line-height: 25px;
		overflow: hidden;
	}
	footer a,.frendlinks ul li a{
	    color:#FFFAFA;
	}
	.color-teal {
		color: #00A0B1;
	}
	.bg-white{
		background: #FFFFFF;
	}
	.icon-bar{
		background: #fff;
	}
	.left-nav{
		min-height:550px;
		height:100%;
		background:#101010;
		margin-bottom:0;
		padding: 0;
	}
	.left-nav ul{
	    list-style: none;
		padding: 0;
	}
	.left-nav ul li{
	    height:35px;
		margin:3px;
		background: #272933;
		border-radius:3px;
		text-align:left;
		padding:5px;
		
	}
	.left-nav ul li:hover{
		background: #1e202a;
		cursor:pointer;
		color:#ff0066;
	}
	.right-main-container{
	    min-height:450px;
	}
	</style>
  </head>
  <body>
    <div class="navbar navbar-pink" role="navigation"><!---add class "navbar-fixed-top"---->
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">白雪公主影楼</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="index.html">网站首页</a></li>
            <li><a href="case.html">作品管理</a></li>
            <li><a href="pricing.html">套系管理</a></li>
			 <li><a href="pricing.html">活动管理</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
   
      <!-- Three columns of text below the carousel -->
  <div class="row"  style="margin:auto;display:in-block;">
		<div class="col-md-2 left-nav">
			<ul class="">
				<li><a href="">站点设置</a></li>
				<li><a href=""></a></li>
				<li><a href="">友链管理</a></li>
			</ul>
		</div><!-- /.col-md-3 -->
		<div class="col-md-9 right-container">
			<div class="right-main-container">
			  <style>
				.input-a{border: 2px solid #101010;color: #34495e;}
			  </style>
			  <div class="form-group">
				  <label for="exampleInputEmail1">站点名称</label>
				  <input type="email" class="form-control input-a" id="exampleInputEmail1" placeholder="">
			  </div>
			  <div class="form-group">
				  <label for="exampleInputEmail1">站点描述</label>
				  <input type="email" class="form-control input-a" id="exampleInputEmail1" placeholder="">
			  </div>
			  <div class="form-group">
				  <label for="exampleInputEmail1">站长统计代码</label>
				  <input type="email" class="form-control input-a" id="exampleInputEmail1" placeholder="">
			  </div>
			  <div class="form-group">
				  <label for="exampleInputEmail1">备案号</label>
				  <input type="email" class="form-control input-a" id="exampleInputEmail1" placeholder="">
			  </div>
		    </div>
			<footer id="footer" class="footer hidden-print">
				<div id="footer-inner">
					
					<div class="nav-foot">
						<p class="footer-links"><a href="http://uisdc.com/ad/" rel="nofollow">广告合作</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://uisdc.com/duty/" rel="nofollow">免责声明</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://uisdc.com/friendlink/" rel="nofollow">友情链接</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://uisdc.com/contact/" rel="nofollow">联系我们</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://uisdc.com/about/" rel="nofollow">关于我们</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://e.weibo.com/uidesign/" rel="nofollow">@优秀网页设计</a></p>
						<p class="credit">Copyright © 2013<strong> <a class="site-link" href="http://www.uisdc.com" title="优设-UISDC" rel="home"><span>优设-UISDC</span></a></strong> - 优秀网页设计联盟 Powered by <a class="wp-link" href="http://wordpress.org" title="State-of-the-art semantic personal publishing platform"><span>WordPress</span></a> and <a href="http://www.net.cn" rel="nofollow">中国万网</a> - <a target="_blank" href="http://www.miibeian.gov.cn">粤ICP备12017804号-1 </a></p>						<div style="display:none">
													<a href="http://tongji.baidu.com/hm-web/welcome/ico?s=7aeefdb15fe9aede961eee611c7e48a5" target="_blank">网站统计</a>
												</div>
											</div>
				
				</div>
			</footer>
        </div> 
    </div>
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>
	<script src="js/jquery.blueimp-gallery.min.js"></script><!--http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js--->
	<script src="js/bootstrap-image-gallery.js"></script>
	
  </body>
</html>